<template>
  <view class="bg-white">
    <view class="border-bottom">
      <view class="px-4 flex h-14 items-center">
        <view class="w-24">真实姓名</view>
        <view class="h-full">
          <input class="h-full" type="text" v-model="accountInfo.name">
        </view>
      </view>
    </view>

    <view class="border-bottom">
      <view class="px-4 flex h-14 items-center">
        <view class="w-24 ">支付宝账号</view>
        <view class="h-full">
          <input class="h-full" type="text" v-model="accountInfo.payAccount">
        </view>
      </view>
    </view>

    <view class="px-4 mt-2">
      <view class="text-rose-600 text-xs">请填写真实账户信息，并确认账户填写正确</view>
      <view class="text-rose-600 text-xs">如因账户填写错误导致资金损失，东抓西抓娃娃概不负责</view>
    </view>

    <view class="mt-10 rounded-3xl w-72 h-12 m-auto bg-indigo-500 text-white flex justify-center items-center">
      下一步
    </view>

  </view>
</template>

<script setup lang="ts">
import { reactive } from "vue";
const accountInfo = reactive({
  name: '杨登华',
  payAccount: '', // 支付宝账号
})
</script>

<style scoped lang="scss">

</style>
